﻿<!DOCTYPE html>
<!-- saved from url=(0032)./WebPage/blank.html -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>未闻花名</title>
    <meta name="keywords" content="layui,ui,ui框架,前端框架,JS组件">
    <meta name="description" content="前端框架展示，包括HFIM等">
    <link href="css/main.css" rel="stylesheet" />
    <script src="Scripts/layer/layui.js"></script>
    <link href="Scripts/layer/css/layui.css" rel="stylesheet" />

    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
    <div class="s-header">
        <div class="layui-container flex space-between">
            <a class="s-header-a" href="index.html">
                <img src="./image/logo.png" alt="" class="s-header-logo">
            </a>
            <ul class="s-header-menu">
                <li><a href="./index.html" class="active">首页</a></li>
                <li><a href="./login.html">登录</a></li>
                <li><a href="./index.html">FHIM</a></li>
                <li><a href="./WebSys/index.html">后台管理</a></li>
            </ul>
        </div>
    </div>

    <div class="s-subheader" style="">
        <div class="layui-container flex">
            <ul class="flex">
                <li><a href="transfer/transfer.html">穿梭组件</a></li>
                <li><a href="####">排版</a></li>
                <li><a href="####">按钮</a></li>
            </ul>
        </div>
    </div>

    <div class="example">
        <div class="block">
            <div class="layui-container">
                <div class="columns text-center ">
                    <div class="column col-6 col-mx-auto text-center">
                        <h1>项目展示</h1>
                        <p class="h4 text-center mgt10">Item1: <a href="transfer/transfer.html" class="link">穿梭组件</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="layui-col-md12">
        <div class="s-footer">
            <ul>
                <li>Version: v1.0</li>
                <li>Last Update:2018-9-9</li>
            </ul>
        </div>
    </div>

    <script>


        layui.use(['element', 'form', 'jquery', 'upload', 'laydate'], function ()
        {

            var element = layui.element;
            var form = layui.form;
            var $ = layui.jquery;
            var layer = layui.layer;
            var upload = layui.upload;

            var laydate = layui.laydate;

            // 子菜单静态高亮
            $('.s-subheader a').each(function ()
            {

                filename = location.href.substr(location.href.lastIndexOf('/') + 1);

                if ($(this).attr("href") == filename)
                {
                    $(this).addClass("active");
                }
            });

            //执行实例
            var uploadInst = upload.render({
                elem: '#btnlogo' //绑定元素
                , url: '/upload/' //上传接口
                , done: function (res)
                {
                    //上传完毕回调
                }
                , error: function ()
                {
                    //请求异常回调
                }
            });
        });
    </script>

</body>

</html>